<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">

<head>
	<title>人事管理系统——修改员工</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="cache-control" content="no-cache" />
	<meta http-equiv="expires" content="0" />
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3" />
	<meta http-equiv="description" content="This is my page" />
	<link th:href="@{/css/css.css}" type="text/css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" th:href="@{/js/ligerUI/skins/Aqua/css/ligerui-dialog.css}" />
	<link th:href="@{/js/ligerUI/skins/ligerui-icons.css}" rel="stylesheet" type="text/css" />
	<script type="text/javascript" th:src="@{/js/jquery-1.11.0.js}"></script>
	<script type="text/javascript" th:src="@{/js/jquery-migrate-1.2.1.js}"></script>
	<script th:src="@{/js/ligerUI/js/core/base.js}" type="text/javascript"></script>
	<script th:src="@{/js/ligerUI/js/plugins/ligerDrag.js}" type="text/javascript"></script>
	<script th:src="@{/js/ligerUI/js/plugins/ligerDialog.js}" type="text/javascript"></script>
	<script th:src="@{/js/ligerUI/js/plugins/ligerResizable.jss}" type="text/javascript"></script>
	<link th:href="@{/css/pager.css}" type="text/css" rel="stylesheet" />
	<script language="javascript" type="text/javascript" th:src="@{/js/My97DatePicker/WdatePicker.js}"></script>
	<script type="text/javascript">
        $(function () {
            // 控制文档加载完成以后 选中性别
            $("#sex").val("${employee.sex}");
            $("#job_id").val("${employee.job.id}");

            /** 员工表单提交 */
            $("#employeeForm").submit(function () {
                var job_id = $("#job_id");
                var dept_id = $("#dept_id");
                var name = $("#name");
                var cardId = $("#cardId");
                var education = $("#education");
                var email = $("#email");
                var phone = $("#phone");
                var tel = $("#tel");
                var party = $("#party");
                var qqNum = $("#qqNum");
                var address = $("#address");
                var postCode = $("#postCode");
                var birthday = $("#birthday");
                var race = $("#race");
                var speciality = $("#speciality");
                var hobby = $("#hobby");
                var msg = "";
                if ($.trim(name.val()) == "") {
                    msg = "姓名不能为空！";
                    name.focus();
                } else if ($.trim(cardId.val()) == "") {
                    msg = "身份证号码不能为空！";
                    cardId.focus();
                } else if (!/^[1-9]\d{16}[0-9A-Za-z]$/.test($.trim(cardId.val()))) {
                    msg = "身份证号码格式不正确！";
                    cardId.focus();
                } else if ($.trim(education.val()) == "") {
                    msg = "学历不能为空！";
                    education.focus();
                } else if ($.trim(email.val()) == "") {
                    msg = "邮箱不能为空！";
                    email.focus();
                } else if (false) {
                    msg = "邮箱格不正确！";
                    email.focus();
                } else if ($.trim(phone.val()) == "") {
                    msg = "手机号码不能为空！";
                    phone.focus();
                } else if (!/^1[3|5|7|8|9]\d{9}$/.test($.trim(phone.val()))) {
                    msg = "手机号码格式不正确！";
                    phone.focus();
                } else if ($.trim(tel.val()) == "") {
                    msg = "电话号码不能为空！";
                    tel.focus();
                } else if (!/^0\d{2,3}-?\d{7,8}$/.test($.trim(tel.val()))) {
                    msg = "电话号码格式不正确！";
                    tel.focus();
                } else if ($.trim(party.val()) == "") {
                    msg = "政治面貌不能为空！";
                    party.focus();
                } else if ($.trim(qqNum.val()) == "") {
                    msg = "QQ号码不能为空！";
                    qqNum.focus();
                } else if (!/^\d{6,}$/.test($.trim(qqNum.val()))) {
                    msg = "QQ号码格式不正确！";
                    qqNum.focus();
                } else if ($.trim(address.val()) == "") {
                    msg = "地址不能为空！";
                    address.focus();
                } else if ($.trim(postCode.val()) == "") {
                    msg = "邮政编码不能为空！";
                    postCode.focus();
                } else if (!/^[1-9]\d{5}$/.test($.trim(postCode.val()))) {
                    msg = "邮政编码格式不正确！";
                    postCode.focus();
                } else if ($.trim(birthday.val()) == "") {
                    msg = "出生日期不能为空！";
                    birthday.focus();
                } else if (!birthday.val()) {
                    //					!/^\d{4}-\d{2}-\d{2}$/.test($.trim(birthday.val()))
                    msg = "出生日期格式不正确！";
                    birthday.focus();
                } else if ($.trim(race.val()) == "") {
                    msg = "民族不能为空！";
                    race.focus();
                } else if ($.trim(speciality.val()) == "") {
                    msg = "专业不能为空！";
                    speciality.focus();
                } else if ($.trim(hobby.val()) == "") {
                    msg = "爱好不能为空！";
                    hobby.focus();
                } else if ($.trim(dept_id.val()) == "0") {
                    msg = "所属部分不能为空!";
                    dept_id.focus();
                } else if ($.trim(job_id.val()) == "0") {
                    msg = "所属职位不能为空!";
                    job_id.focus();
                }
                if (msg != "") {
                    $.ligerDialog.error(msg);
                    return false;
                } else {
                    return true;
                }
                $("#employeeForm").submit();
            });
        });


	</script>
</head>

<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td height="10"></td>
	</tr>
	<tr>
		<td width="15" height="32"><img th:src="@{/images/main_locleft.gif}" width="15" height="32"></td>
		<td class="main_locbg font2"><img th:src="@{/images/pointer.gif}">&nbsp;&nbsp;&nbsp;当前位置：员工管理
			&gt; 修改员工</td>
		<td width="15" height="32"><img th:src="@{/images/main_locright.gif}" width="15" height="32"></td>
	</tr>
</table>


<table width="100%" height="90%" border="0" cellpadding="5" cellspacing="0" class="main_tabbor">
	<tr valign="top">
		<td>
			<form th:action="@{/employee/updateEmployee}" id="employeeForm" method="post"
				  enctype="multipart/form-data">
				<!-- 隐藏表单，flag表示添加标记 -->
				<input type="hidden" name="flag" value="2">
				<input type="hidden" name="id" th:value="${employee.id }">
				<table width="100%" border="0" cellpadding="0" cellspacing="10" class="main_tab">
					<tr>
						<td class="font3 fftd">
							<table>
								<tr>
									<td class="font3 fftd">
										姓名：<input type="text" name="name" id="name" size="20" th:value="${employee.name }" />
									</td>
									<td class="font3 fftd">
										身份证号码：<input type="text" name="cardId" id="cardId" size="20" th:value="${employee.card_id }" />
									</td>
								</tr>
								<tr>
									<td class="font3 fftd">性别：
										<select name="sex" style="width:143px;">
											<option value="0">--请选择性别--</option>
											<option value="1" th:selected="${employee.sex==1 }">男</option>
											<option value="2" th:selected="${employee.sex==2 }">女</option>
										</select>
									</td>
									<td class="font3">职&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位：
										<select name="job_id" style="width:143px;">
											<option value="0">--请选择职位--</option>
											<option th:each="job:${jobs}" th:value="${job.id}" th:text="${job.name}"
													th:selected="${job.id==employee.job.id}"></option>


										</select>
									</td>
								</tr>
								<tr>
									<td class="font3 fftd">学历：<input name="education" id="education" size="20"
																	 th:value="${employee.education }" /></td>
									<td class="font3 fftd">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：<input
											name="email" id="email" size="20" th:value="${employee.email }" /></td>
								</tr>
								<tr>
									<td class="font3 fftd">手机：<input name="phone" id="phone" size="20"
																	 th:value="${employee.phone }" /></td>
									<td class="font3 fftd">电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话：<input name="tel"
																										 id="tel" size="20" th:value="${employee.tel }" /></td>
								</tr>

							</table>
						</td>
					</tr>

					<tr>
						<td class="font3 fftd">
							<table>
								<tr>
									<td class="font3 fftd">
										政治面貌：<input name="party" id="party" size="40" th:value="${employee.party }" />
									</td>
									<td class="font3 fftd">
										QQ&nbsp;&nbsp;号码：<input name="qq_num" id="qqNum" size="20" th:value="${employee.qq_num }" />
									</td>
								</tr>

								<tr>
									<td class="font3 fftd">
										联系地址：<input name="address" id="address" size="40" th:value="${employee.address }" />&nbsp;&nbsp;
									</td>
									<td class="font3">
										邮政编码：<input name="postCode" id="postCode" size="20" th:value="${employee.postCode }"/>
									</td>
								</tr>

								<tr>

									<td class="font3 fftd">
										出生日期：<input cssClass="Wdate" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd'});" name="birthday" id="birthday" size="40" th:value="${employee.birthday}" />
									</td>
									<td class="font3 fftd">
										民&nbsp;&nbsp;&nbsp;&nbsp;族：<input name="race" id="race" size="20" th:value="${employee.race }" />

									</td>
								</tr>


								<tr>
									<td class="font3 fftd">
										所学专业：<input name="speciality" id="speciality" size="40" th:value="${employee.speciality }" />
									</td>
									<td class="font3 fftd">
										爱&nbsp;&nbsp;&nbsp;&nbsp;好：<input name="hobby" id="hobby" size="20" th:value="${employee.hobby }" />
									</td>
								</tr>

								<tr>
									<td class="font3 fftd">
										备&nbsp;&nbsp;&nbsp;&nbsp;注：<input name="remark" id="remark" size="40" th:value="${employee.remark }" />
									</td>
									<td class="font3 fftd">
										&nbsp;&nbsp;所属部门：
										<select name="dept_id" style="width:100px;" id="dept_id">
											<option value="0">--请选择--</option>
											<option th:each="dept:${depts}" th:value="${dept.id}" th:text="${dept.name}" th:selected="${dept.id ==employee.dept.id}"></option>

										</select>
									</td>
								</tr>

							</table>
						</td>
					</tr>













					<tr>
						<td align="left" class="fftd"><input type="submit" value="修改">&nbsp;&nbsp;<input
								type="reset" value="取消 "></td>
					</tr>
				</table>
			</form>
		</td>
	</tr>
</table>
<div style="height: 10px;"></div>
</body>

</html>